const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
const request = require('../../utils/util')
const util = require("../../utils/throttle")

const url = getApp().globalData.defaultUrl

Page({

  data: {
    avatarUrl: defaultAvatarUrl,
    phone:'',
    nickname:'',
    password:'',
    errorTip:false 
},

// 输入框输入事件，更新对应的 data 数据
inputChange(e){
    const name = e.currentTarget.dataset.name;
    this.setData({
      [name]: e.detail.value
    })
  },


  onChooseAvatar(e) {
    const { avatarUrl } = e.detail 
    this.setData({
      avatarUrl,
    })
    console.log(e.detail)
    // wx.uploadFile({
    //   filePath: e.detail.avatarUrl,
    //   name: 'images',
    //   url: 'http://localhost:8099/upload-images',
    //   success: (res) => {
    //     const json = JSON.parse(res.data)
    //     const path = json.data[0]
    //     console.log(json)
    //     console.log(path)
    //     this.setData({
    //       avatarUrl:path
    //     })
    //   },
    //   fail: (err) => {
    //     console.log(err)
    //   }
    // });
    // console.log(this.data.avatarUrl)
  },

 // 使用防抖函数包装点击事件处理函数


 formSubmit:util.debounce(function(e){
  this.setData({
    nickname: e.detail.value.nickname
  })
  const phone = this.data.phone
  const password = this.data.password
  const PhoneReg = /^1[3-9]\d{9}$/
  const passwordReg = /^.{6,}$/

  //校验输入是否合法
  if(!(phone && password && PhoneReg.test(phone) && passwordReg.test(password))){
    this.setData({
      errorTip:true
    })
    return;
  }
  this.saveFace(this.data.avatarUrl)

 },1000),

  // formSubmit(e){
  //   this.setData({
  //     nickname: e.detail.value.nickname
  //   })
  //   const phone = this.data.phone
  //   const password = this.data.password
  //   const PhoneReg = /^1[3-9]\d{9}$/
  //   const passwordReg = /^.{6,}$/

  //   //校验输入是否合法
  //   if(!(phone && password && PhoneReg.test(phone) && passwordReg.test(password))){
  //     this.setData({
  //       errorTip:true
  //     })
  //     return;
  //   }
  //   this.saveFace(this.data.avatarUrl)

  // },
  

  saveFace(path){
     wx.uploadFile({
      filePath: path,
      name: 'images',
      url: url + '/upload-images',
      success: (res) => {
        const json = JSON.parse(res.data)
        const path = json.data[0]
        this.setData({
          avatarUrl:path
        })
        this.sendQ()
      },
      fail: (err) => {
        console.log(err)
      }
    });
  },

  sendQ(){
    request.sendRequest("/owner/register","GET",{
      phone: this.data.phone,
      password: this.data.password,
      nickName: this.data.nickname,
      face: this.data.avatarUrl
    }).then((res) =>{
      console.log('请求成功',res)
      if(res.status == 400){
        wx.showToast({
          title: res.msg,
          icon:'error',
          duration:2000
        })
        return
      }
      // wx.setStorageSync('token', res.data.token)
      // app.globalData.userInfo = res.data
      wx.redirectTo({
        url:'../index/index'
      })
    }).catch((err) =>{
      console.error('请求失败',err)
      wx.showToast({
        title: '系统繁忙',
        icon:'error',
        duration:2000
      })
    })
  },
  /**
   * 页面的初始数据
   */


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.setData({
      // defaultUrl: getApp().globalData.defaultUrl
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
})
